<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/gonggong.css" />
		<title>首页</title>
	<body>
		<!-- 头部区域 -->
		<div class="header">
			<div class="top">
				<div class="w1200">
					<div class="fr">
						<a href="login.html">登录</a>|
						<a href="zhuce.html">注册</a>
					</div>
				</div>
			</div>
			<div class="nav bg-white">
				<div class="w1200">
					<a class="fl" href="index.html"><img src="images/logo.png"></a>
					<div class="fr">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li class="act"><a href="jieqi.html">二十四节气</a></li>
							<li><a href="jianjie.html">节气简介</a></li>
							<li><a href="yuanyuan.html">节气渊源</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- banner区域 -->
		<div class="banner"></div>
		
		<!-- 内容区域 -->
		<div class="goods-con">
			<div class="w1200">
				<div class="goods-item fr">
					<div class="shangpin item bz">
						<a class="fl bz" href="#">
							<img src="images/jieqi1.jpg">
							<div class="ell_1 tc">冬至</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi2.jpg">
							<div class="ell_1 tc">雨水</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi3.jpg">
							<div class="ell_1 tc">惊蛰</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi4.jpg">
							<div class="ell_1 tc">春分</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi5.jpg">
							<div class="ell_1 tc">清明</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi6.jpg">
							<div class="ell_1 tc">谷雨</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi7.jpg">
							<div class="ell_1 tc">立夏</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi8.jpg">
							<div class="ell_1 tc">小满</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi9.jpg">
							<div class="ell_1 tc">芒种</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi10.jpg">
							<div class="ell_1 tc">夏至</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi11.jpg">
							<div class="ell_1 tc">小暑</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi12.jpg">
							<div class="ell_1 tc">大暑</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi13.jpg">
							<div class="ell_1 tc">立秋</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi14.jpg">
							<div class="ell_1 tc">处暑</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi15.jpg">
							<div class="ell_1 tc">白露</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi16.jpg">
							<div class="ell_1 tc">秋分</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi17.jpg">
							<div class="ell_1 tc">寒露</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi18.jpg">
							<div class="ell_1 tc">霜降</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi19.jpg">
							<div class="ell_1 tc">立冬</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi20.jpg">
							<div class="ell_1 tc">小雪</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi21.jpg">
							<div class="ell_1 tc">大雪</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi22.jpg">
							<div class="ell_1 tc">冬至</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi23.jpg">
							<div class="ell_1 tc">小寒</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi24.jpg">
							<div class="ell_1 tc">大寒</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部内容 -->
	
	</body>
</html>
